<template>
  <div id="app">
   <!-- 搜索框 -->
    <!-- //3.渲染组件 -->
   <Search></Search>
   <!-- 轮播图 -->
  <Swiper></Swiper>
   <!-- 列表 -->
  <List></List>
   <!-- Tabbear -->
   <Tabbar></Tabbar>
   

  </div>
</template>

<script>
// 1.导入组件
import Search from './components/Search.vue'
import Swiper from './components/Swiper.vue'
import List from './components/List.vue'
import Tabbar from './components/Tabbar.vue'
export default {
 components:{
  //2. 负责注册组件（局部组件，只能在当前注册的文件中使用）
  // "Search":Search
  Swiper,
  List,
  Tabbar
 }
}
</script>

<style lang="scss" >
*{
  margin: 0;
  padding: 0;
}
</style>
